<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font-style属性</title>
    <style>

        .my-p-1 {
            /*
            功能:
                设置斜体(这种设置方式浏览器支持的多)
            说明:
                1. 这种设置方式和<i>标签的效果是一模一样的.
            */
            font-style: italic;
        }

        .my-p-2 {
            /*设置正常*/
            font-style: normal;
        }

        .my-p-3 {
            /*设置斜体(但是这种设置浏览器支持的较少)*/
            font-style: oblique;
        }


    </style>
</head>
<body>
<p class="my-p-1">我是p1</p>
<p class="my-p-2">我是p2</p>
<p class="my-p-3">我是p3</p>
<p>
    <i>我是p4</i>
</p>
</body>
</html>